<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default{
  name: 'App'
}
</script>
<style lang="scss">
.diy-h-10 {
  height: 2.5rem;
}
.diy-leading-10 {
  line-height: 2.5rem;
}
.flex_zhcenter{
	display: flex;align-items: center;justify-content: center;
}
.flex_hcneter_bet{
	display: flex;align-items: center;justify-content: space-between;
}
.flex_hcneter{display: flex;align-items: center;}
.flex_hcneter_col{display: flex;align-items: center;flex-direction: column;}
.flex_column{display: flex;flex-direction: column;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.flex_flex{flex: 1;}
.flex_betw{display: flex;justify-content: space-between;}
.flex_hend{display: flex;justify-content: flex-end;}
.flex-around {display: flex;align-items: center;justify-content: space-around;}
.overfHidden{overflow: hidden;}
.wordBreak{word-break: keep-all;}
/**单行文字省略号**/
.txt-ellipsis {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.txt-ellipsis--l2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.biankuan{
  padding: 1rem 0;
  width: 20%;background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  box-shadow: #ccc 0px 0px 5px;
  margin-bottom: 20px;
  margin-right: 2rem;
  .contont{
    padding: 0 10%;box-sizing: border-box;
    .num{font-weight: 600;font-size: 1.25rem;}
    .title{font-size: 1rem;}
  }
}
.borderLeft_1{border-left: 0.375rem solid #FFA94C;}
.borderLeft_2{border-left: 0.375rem solid #0099FF;}
.diy-text-primary {
  --tw-text-opacity: 1;
  color: rgba(64, 158, 255, var(--tw-text-opacity));
}
.diy-mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.diy-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.diy-leading-10 {
  line-height: 2.5rem;
}
.diy-text-danger {
  --tw-text-opacity: 1;
  color: rgba(245, 108, 108, var(--tw-text-opacity));
}
.diy-cursor-pointer {
  cursor: pointer;
}
.diy-ml-2\.5 {
  margin-left: .625rem;
}
</style>
